<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>超市管理系统</title>
    <link rel="stylesheet" href="css/style.css">
    <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.2/dist/chart.umd.min.js"></script>
</head>
<body>
    <div class="container">
        <!-- 左侧菜单 -->
        <aside class="sidebar">
            <!-- 侧边栏收缩按钮 -->
            <div class="sidebar-toggle" id="sidebar-toggle">
                <i>◀</i>
            </div>
            
            <!-- 原有模块 -->
            <div class="menu-group">
                <h3 data-target="product-menu">
                    商品管理
                    <span class="toggle-icon">▼</span>
                </h3>
                <ul id="product-menu">
                    <li data-module="product-input">商品信息录入</li>
                    <li data-module="category">商品分类管理</li>
                    <li data-module="promotion">促销活动管理</li>
                    <li data-module="price">商品价格管理</li>
                </ul>
            </div>
            
            <div class="menu-group">
                <h3 data-target="warehouse-menu">
                    仓库管理
                    <span class="toggle-icon">▼</span>
                </h3>
                <ul id="warehouse-menu">
                    <li data-module="warehouse-info">仓库信息管理</li>
                    <li data-module="stock-in">商品入库管理</li>
                    <li data-module="stock-out">商品出库管理</li>
                    <li data-module="inventory-management">库存盘点预警</li>
                </ul>
            </div>

            <div class="menu-group">
                <h3 data-target="finance-menu">
                    财务管理
                    <span class="toggle-icon">▼</span>
                </h3>
                <ul id="finance-menu">
                    <li data-module="checkout">收银结算</li>
                    <li data-module="report">销售统计</li>
                    <li data-module="cost">成本核算</li>
                    <li data-module="tax">税务管理</li>
                </ul>
            </div>

            <!-- 新增模块 -->
            <div class="menu-group">
                <h3 data-target="member-menu">
                    会员管理
                    <span class="toggle-icon">▼</span>
                </h3>
                <ul id="member-menu">
                    <li data-module="member-register">会员信息录入</li>
                    <li data-module="member-points">积分管理</li>
                </ul>
            </div>

            <div class="menu-group">
                <h3 data-target="staff-menu">
                    员工管理
                    <span class="toggle-icon">▼</span>
                </h3>
                <ul id="staff-menu">
                    <li data-module="staff-info">员工信息管理</li>
                    <li data-module="attendance">考勤记录</li>
                    <li data-module="salary">薪资管理</li>
                </ul>
            </div>

            <div class="menu-group">
                <h3 data-target="supplier-menu">
                    供应商管理
                    <span class="toggle-icon">▼</span>
                </h3>
                <ul id="supplier-menu">
                    <li data-module="supplier-info">供应商信息维护</li>
                    <li data-module="purchase-order">采购订单管理</li>
                </ul>
            </div>

            <div class="menu-group">
                <h3 data-target="system-menu">
                    系统管理
                    <span class="toggle-icon">▼</span>
                </h3>
                <ul id="system-menu">
                    <li data-module="logs">操作日志查看</li>
                    <li data-module="settings">系统设置</li>
                </ul>
            </div>
        </aside>

        <!-- 右侧内容区域 -->
        <main class="content">
            <header class="content-header">
                <h1>超市管理系统</h1>
                <div id="store-info-bar" class="store-info-bar"></div>
                <div class="user-info">
                    <span class="username"><img src="xiaocongyu.jpg" width="40px" height="40px" style="border-radius: 50% "/></span>
                    <button class="logout-btn" id="logout-btn" onclick="logout()">退出</button>
                </div>
            </header>
            
            <div id="module-content">
                <img src="congyu.jpg" width="700px" height="700px" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);"/>
                <!-- 默认显示的内容将由JavaScript动态加载 -->
            </div>
        </main>
    </div>

    </div>

    <!-- 脚本引入 -->
    <script src="js/main.js"></script>
    <script src="js/charts.js"></script>
    <script src="js/api.js"></script>
    <script>
        function logout() {
            // 清除用户会话数据
            localStorage.removeItem('user');
            sessionStorage.removeItem('user');
            // 直接跳转到登录页面
            window.location.href = 'login.html';
            return false;
        }
    </script>
</body>
</html>